<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<input type="file" id="file" name="file" style="display: none;" />
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>区域管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>区域管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-2">
					<div class="box box-info">
						<div class="box-header with-border">
							<h3 class="box-title">
								<i class="fa fa-cubes "></i><strong>区域层级</strong>
							</h3>
						</div>
						<div class="box-body">
							<ul id="divisionTree" class="ztree"></ul>
						</div>
					</div>
				</div>
				<div class="col-md-8">
					<div class="box box-info">
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="hidden" id="mngId" /> <span class="input-group-btn">
										<button type="button" class="btn btn-primary addBtn">添加</button>
									</span>
								</div>
							</div>
						</div>
						<div class="box box-body">
							<table id="dataTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th>序号</th>
										<th>管理员</th>
										<th>电话</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div id="loadingImage">
					<img th:src="@{/img/loading.gif}" />
				</div>
			</div>

		</section>
		<!-- 模态框 -->
		<div id="mngModal" class="modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">数据信息</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal">
							<div class="form-group">
								<label for="user" class="col-sm-2 control-label">管理员</label>
								<div class="col-sm-10">
									<select id="manager" class="form-control">
										<option th:each="user:${users}" th:value="${user.id}"
											th:text="${user.name}"></option>

									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="phone" class="col-sm-2 control-label">电&nbsp;话</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="phone" />
								</div>
							</div>
							<div class="form-group">
								<label for="divison" class="col-sm-2 control-label">区&nbsp;域</label>
								<div class="col-sm-10">
									<select class="form-control" id="division">
										<option th:each="d:${divisions}" th:value="${d.id}"
											th:text="${d.divisionName}">1</option>

									</select>
								</div>
							</div>

						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" id="go" class="btn btn-primary">保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<script th:src="@{/divisionMng/index.js}"></script>


	</div>

</body>
</html>